<script setup lang="ts">
// 导入工具函数
import { reactive } from "vue";

// 定义响应式的对象
const food = reactive({
  name:'猪脚饭',
  price:18,
  foods:['米饭','猪脚']
})


// 不支持普通类型--只能对象
// let num = reactive(988)

setTimeout(()=>{
// 不能重新赋值 否则会丢失响应性
// food = {name:'',print:0,food:[]}
},2000)
</script>



<template>

<p>{{ food.name }}</p>
<p>{{ food.price }}</p>
<p>{{ food.foods }}</p>

</template>



<style scoped>

</style>